<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>新型冠状病毒肺炎疫情实时动态</title>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 如果使用双核浏览器，强制使用webkit来进行页面渲染 -->
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="icon" type="image/png" sizes="192x192" href="/img/covid19/logo.png">
    <link rel="shortcut icon" type="image/png" sizes="64x64" href="/img/covid19/logo.png">
    <link rel="stylesheet" type="text/css" href="/css/common/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/covid19/index.css">
    <script type="text/javascript" src="/json/covid19/country.json"></script>
    <script type="text/javascript" src="/js/common/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/js/common/loader.js"></script>
    <script type="text/javascript" src="/js/covid19/index.js"></script>
</head>

<body>

<img width="100%" height="30%" src="/img/covid19/covid-2019.jpg">

<p id="china-tip" class="tip"><i></i>中国疫情数据</p>

<div id="china-data" class="data" style="margin: 0 auto">
    <small id="china-last-update" class="text-muted"></small>
    <table class="table ">
        <thead>
        <tr>
            <th>
                <small><span id="china-cumulative-confirmed-increment" class="text-muted">较昨日<span
                        class="text-danger"></span></span></small><br>
                <big id="china-cumulative-confirmed-count" class="text-danger">-</big>
                <p>累计确诊</p>
            </th>
            <th><small><span id="china-existing-confirmed-increment" class="text-muted">较昨日<span
                    class="text-info"></span></span></small><br>
                <big id="china-existing-confirmed-count" class="text-info">-</big>
                <p>现存确诊</p>
            </th>
            <th>
                <small><span id="china-existing-suspected-increment" class="text-muted">较昨日<span
                        class="text-warning"></span></span></small><br>
                <big id="china-existing-suspected-count" class="text-warning">-</big>
                <p>现存疑似</p>
            </th>
        </tr>
        <tr>
            <th><small><span id="china-dead-increment" class="text-muted">较昨日<span
                    class="text-primary"></span></span></small><br>
                <big id="china-dead-count" class="text-primary">-</big>
                <p>死亡</p>
            </th>
            <th><small><span id="china-cured-increment" class="text-muted">较昨日<span class="text-success"></span></span></small><br>
                <big id="china-cured-count" class="text-success">-</big>
                <p>治愈</p>
            </th>
            <th><small><span id="china-serious-increment" class="text-muted">较昨日<span class="text-capitalize"></span></span></small><br>
                <big id="china-serious-count" class="text-capitalize">-</big>
                <p>现存重症</p>
            </th>
        </tr>
        </thead>
    </table>
</div>

<p id="world-tip" class="tip"><i></i>全球疫情数据</p>

<div id="world-data" class="data" style="margin: 0 auto">
    <small id="world_last_update" class="text-muted"></small>
    <table class="table ">
        <thead>
        <tr>
            <th>
                <big id="world-confirmed-count" class="text-warning">-</big>
                <p>累计确诊</p>
            </th>
            <th>
                <big id="world-dead-count" class="text-primary">-</big>
                <p>累计死亡</p>
            </th>
            <th>
                <big id="world-cured-count" class="text-info">-</big>
                <p>累计治愈</p>
            </th>
        </tr>
        </thead>
    </table>
</div>

<p id="global_map" class="tip"><i></i>全球疫情地图</p>

<div id="map" style="width: 100%; height: auto;"></div>

<p id="global_map" class="tip"><i></i>疫情实时动态</p>

<div id="news">

</div>

<p id="service" class="tip"><i></i>公益抗疫服务</p>

<div class="service-item">
    <div class="service-item-box" onclick="window.location.href='https://ncov.html5.qq.com/communityRenmin'">
        <img class="service-item-icon" src="">
        <div>疫情地图</div>
    </div>
    <div class="service-item-box" onclick="window.location.href='https://ask.dxy.com/index#/explore/album/doctor'">
        <img class="service-item-icon" src="">
        <div>在线义诊</div>
    </div>
    <div class="service-item-box" onclick="window.location.href='http://2019ncov.nosugartech.com'">
        <img class="service-item-icon" src="">
        <div>同乘查询</div>
    </div>
    <div class="service-item-box" onclick="window.location.href='https://ncov.dxy.cn/ncovh5/view/pneumonia_rumors'">
        <img class="service-item-icon" src="">
        <div>疫情辟谣</div>
    </div>
</div>

<p id="website" class="tip"><i></i>相关资讯网站</p>

<div>
    <div class="info" onclick="window.location.href='https://www.cdc.gov/coronavirus/2019-ncov/index-Chinese.html'">
        <div class="info-right">
            <div class="info-image">
                <img src="/img/covid19/cdc-us.jpg" style="border-radius: 0">
            </div>
        </div>
        <div class="info-left">
            <div class="info-text">美国疾病控制与预防中心</div>
            <div class="info-description">查看来自美国疾病管制与预防中心的最新资讯，协助预防2019冠状病毒病（COVID-19）传播</div>
        </div>
    </div>
    <div class="info" onclick="window.location.href='https://www.who.int/zh/emergencies/diseases/novel-coronavirus-2019'">
        <div class="info-right">
            <div class="info-image">
                <img src="/img/covid19/who.jpg" style="border-radius: 0">
            </div>
        </div>
        <div class="info-left">
            <div class="info-text">世界卫生组织</div>
            <div class="info-description">查阅世卫组织关于2019冠状病毒病（COVID-19）当前疫情的信息和指导意见，了解每日最新情况</div>
        </div>
    </div>
    <div class="info" onclick="window.location.href='http://www.chinacdc.cn/jkzt/crb/zl/szkb_11803'">
        <div class="info-right">
            <div class="info-image">
                <img src="/img/covid19/cdc-cn.jpg" style="border-radius: 0">
            </div>
        </div>
        <div class="info-left">
            <div class="info-text">中国疾病预防控制中心</div>
            <div class="info-description">通过中国疾病预防控制中心的资讯，了解最新动态和如何采取措施保护健康并防止疫情蔓延</div>
        </div>
    </div>
    <div class="info" onclick="window.location.href='https://ncov.dxy.cn/ncovh5/view/pneumonia'">
        <div class="info-right">
            <div class="info-image">
                <img src="/img/covid19/dxy.jpg" style="border-radius: 0">
            </div>
        </div>
        <div class="info-left">
            <div class="info-text">丁香园</div>
            <div class="info-description">整合各权威渠道发布的官方数据，持续更新最新的新型冠状病毒肺炎的实时疫情动态和疫情地图直观</div>
        </div>
    </div>
</div>

<small class="text-muted">国内疫情数据来源于医学知识分享网站丁香园</small>
<small class="text-muted">全球疫情数据来源于Dadax旗下网站Worldometer</small>
<small class="text-muted"></small>

</body>

</html>